<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Map</title>
        <link rel="stylesheet" href="map/css/style.css">
        <script src="map/js/dat.gui.min.js" async></script>
        <script src="map/js/script.js" async></script>
    </head>
    <body>
      <section class="map-section">
        <img src="map/images/map.svg" class="map" alt="Map of USA">
        <div class="paths">
          <div class="path">
            <img src="map/images/houston-path.svg" id="path1" alt="Path to Houston">
          </div>
          <div class="path">
            <img src="map/images/vegas-path.svg" id="path2" alt="Path to Vegas">
          </div>
          <div class="path">
            <img src="map/images/minneapolis-path.svg" id="path3" alt="Path to Minneapolis">
          </div>
        </div>
      </section>
    </body>
</html>